<template>
  <div class="hom-box">
    <!-- 地图 -->
    <mapPanel />
    <!-- 头部 -->
    <headerPanel />

    <!-- 菜单 -->
    <menuPanel></menuPanel>
    <!-- 搜索 -->
    <searchPanel />

    <router-view></router-view>
  </div>
</template>

<script setup lang="ts">
import mapPanel from './components/map.vue';
import headerPanel from './components/header.vue';
import menuPanel from './components/menu.vue';
import searchPanel from './components/searchPanel.vue';

</script>

<style lang="scss" scoped>
.hom-box{
  position: relative;
  width: 100%;
  height: 100%;
}
</style>